
<template>
	<div class="jd-search-box">
		<form role="from-group">
			<div class="logo pull-left">
				<a href="/">
					<img src="../../assets/images/saic-logo.png" />
				</a>
			</div>
			<div class="jd-search-form-box pull-left">
				<input type="text" class="form-control" placeholder="{{inpinfo}}" />
			</div>
			<div class="jd-search-icon-login pull-right">
				<a href="https://account.chexiang.com/account/login.htm?backUrl=http%3A%2F%2Fwww.chexiang.com%2F">
					<span>登录</span>
				</a>
			</div>
		</form>
	</div>
</template>

<script>

export default {
	props: ['inpinfo']
}
	
</script>

<style lang="scss" scoped>

@import "../../assets/css/variables.scss";

.jd-search-box {
	box-sizing: border-box;
	width: $w100;
	height: $headHeight;
	margin: 0 $defaultPadding / 4;
	position: fixed;
	top: 0;
	z-index: 9999;
	.logo {
		width: $defaultPadding * 3;
		text-align: center;
		padding-top: $defaultPadding / 4; 
		img {
			width: $w100;
			height: $w100;
		}
	}
	.jd-search-form-box {
		width: 65%;
		margin-left: $defaultPadding / 2;
  	input {
  		border: none;
  		width: $w100;
  		padding-left: $defaultPadding / 2;
  		height: $defaultPadding / 2 * 3;
  		border-radius: 30px;
  		margin-top: 6px;
  	}
	}
	.jd-search-icon-login {
		width: $defaultPadding * 2;
		line-height: $headHeight;
		a {
			color: #fff; 
		}
	}
}
</style>

